@charset "utf-8";
@import url('/Content/css/iconfont.css');/*字体图标调用*/

/*全局修改*/
body { font-size: 16px!important;--lingjing-agent-entry-width:50px; --lingjing-agent-entry-height:50px; }
body, form, ul, img, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; border: 0px; list-style:none; }
img{ width: 100%;}
a {text-decoration: none; color: #000;}
a:active {color: #960000;}
.clear{ clear: both; }
.mui-bar .mui-title { color: #FFFFFf; right: 80px; padding-left: 40px; }
.mui-bar-nav {-webkit-box-shadow: none; box-shadow: none;  background: url("/Content/images/top_bg.jpg") repeat; width: 100%; position: fixed!important;}
.mui-bar-nav .mui-icon { color: #FFFFFf; }
.mui-bar-tab .mui-tab-item { color: #999999; }
.mui-bar-tab .mui-tab-item.mui-active { color: #1e82d2; }
.colred {color: #be0000;}
.font18 { font-size: 18px; }

/*内容区域*/
.hanyu-home-top-img { background: url("/Content/images/nav_bg.jpg") no-repeat; background-size: 100% 100%; padding: 0px 20px;  width: 100%;  /* position: relative; */  z-index: 10;  }
.sear_logo {width: 45%;  margin: 0% auto; padding: 5% 0%;}
.mui-input-group:after,.mui-input-group:before,.mui-input-group .mui-input-row:after{ position: relative;}


/*搜索栏*/
.search{ border-radius: 5px; background: #FFFFFf; height: 45px; position: relative; margin: 0px 10px; }
.gang{ float: left; margin-top: 3%;}
.search input{ background: #FFFFFf; width: 86%!important;padding-left: 10px !important;height: 45px;font-size:20px;}
.search select{ float: left!important; width: 23%!important; height: 44px; padding: 0px 3%!important; color: #666666; border-left: 1px solid red;}
.hanri.mui-active:before{ left: 27%!important;}
.hanyu-home-links {padding: 0px 20px 20px 10px;  margin: 12% 0% 0%; color: #FFFFFf; }
.hanyu-home-links li{  display: table-cell;  overflow: hidden;  width: 1%;  text-align: center;  vertical-align: middle;  white-space: nowrap;  text-overflow: ellipsis;}
.hanyu-home-links .mui-icon{ width: 55px; height: 55px;border: 1px #8ebfe6 solid;border-radius: 50%;  -webkit-border-radius:50%;  display: inline-block;  color: #ffffff;  font-size: 2em;  line-height: 55px; }

.hanyu-home-links .txt {  display: block;  color: #FFFFFf;  padding: 5px 0;  }

/*搜索弹出列表*/
.menus-open .menus-backdrop { position: fixed;top: 44px; bottom: 0;width: 100%; display: block; z-index: 995;}
.menus-search {box-shadow: 0px 0 4px rgba(0,0,0,.5);position: absolute;top: 46px;left: 0;right: 0;z-index: 996;background-color: #fff;border-radius: 5px;  }
.fl15{ margin-left: 15px;}
.mui-pull-left{ float: left;}
.mui-table-view:before{ position: relative!important;}
.mui-table-view:after{ position: relative!important;}
.menus-search.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); z-index: -1;  }
.menus { width: 100%;  }
.menus ul li{ color: #999999; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.font14 {font-size: 14px; border-radius: 5px;   }

/*搜索弹出列表end*/


/*分类*/
.mui-table-view.mui-grid-view{  padding: 15px 10px 2px; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-img-zidian{ width: 36%; margin: 0% auto;}
.yuyan{ font-size: 1.75em;}
.mui-table-view.mui-grid-view .mui-table-view-cell{ margin-bottom: 4%;}
.tubiao{ width: 36%;}
/*通栏*/
.hc-tl{ overflow: hidden; margin: 8px 10px;}
.hc-tl img{  width: 100%;}
/*通栏end*/
/*列表*/
.hanyu-links-list{border-top: #ececec 1px solid; background: #FFFFFf;}
.hanyu-links-list li {  padding: 10px 15px;  overflow: hidden;  border-bottom: #ececec 1px solid;  }
.hanyu-links-list img {  width: 60px;  height: 60px;  margin-right: 10px;  display: block;  }
.hanyu-links-list .info {  overflow: hidden;  }
.hanyu-links-list h3 { font-size: 16px;  padding: 10px 20px 5px 0;  position: relative;  }
.mui-ellipsis {  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
/*版权信息*/
.hc-up-link {padding: 10px 0;border-bottom: #ececec 1px solid; text-align: center;background: #FFFFFf; margin-top: 10px; }
.hc-up-link a {padding: 0px 17px;border-left: #999999 1px solid; color: #999999;}
.hc-up-link a:first-child{ border-left: none;}
.hc-up-txt {background: #FFFFFf;  width: 100%;display: inline-block; padding:10px 20px;color:#8f8f94}
.hc-up-txt ul{ float: left;}
.hc-up-txt li {padding: 2px 0; font-size: 14px; color: #8f8f94; float: left; width:100%; display: table-cell;  overflow: hidden;  vertical-align: middle;  white-space: nowrap;  text-overflow: ellipsis;  }
.hc-up-txt li span{ text-align: center; color: #999999; font-size: 16px;}
.hc-up-txt li .fanw{ -webkit-border-radius: 50%; width: 40px; height: 40px;  line-height: 40px; color: #999999; margin: 0px auto 6px; border: 1px solid #999999; border-radius: 50%;   }
.hc-up-txt .iconfont {margin: 3px 5px 0 0; color: #8f8f94; display: block; text-align: center; font-size:1.6em;}
.hc-up-txt li:hover .fanw{ color:#333333; border: 1px solid #333333;}
.hc-up-txt li:hover .txt{ color:#333333;}
.hc-up-txt .banuan{ padding: 10px 0px;}
.hc-up-txt .banuan p{ text-align: center; font-size: 12px; line-height: 20px;}
.hc-up-txt a{text-decoration: none; color: #8f8f94;}
.hc-up-txt h4{font-size:16px;padding:5px 0} 
       

    /*内容区域end*/

/*---------------------- 词典 --------------------------*/
.about-tuijian{ padding: 0px 20px; float: left; width: 100%;}
.hc-biaoti{ font-size: 1em;padding: 4% 0% 2%; color: #999999; }
.about-tuijian li{padding: 10px 0px;  overflow: hidden;  border-bottom: #ececec 1px solid;  width: 50%; float: left;}
.about-tuijian li img{ width: 50px; height: 50px;  margin-right: 10px;  display: block;  }
.about-tuijian li .info {  overflow: hidden;  }
.about-tuijian li h3 {  font-size: 15px;  padding: 10px 20px 5px 0;  position: relative; }
.hc-jiyi{ float: left; padding: 1% 20px;line-height:30px;}
.hc-jiyi p{ color: #333333;line-height: 26px; font-size: 14px;}
.hc-jiyi ul{ margin-top: 8%;}
.hc-jiyi ul li{  list-style: disc; margin-left: 10px; color: #333333; font-size: 14px;}

/*---------------------- 语言 --------------------------*/
.mui-segmented-control-negative{ width: 100%; padding: 0px 20px; background: #fff; color: #999999; position: fixed!important; z-index: 10; border-bottom: 1px solid #efeff4!important;}
.mui-segmented-control-negative .mui-control-item{ font-size: 16px; color: #999999;}
.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active{ color: #1e82d2; border-bottom: 2px solid #1e82d2 !important;}
.mui-slider-group{ margin-top: 50px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{ border: 0px;}
.wen-tit{  color: #b2b2b2; line-height: 48px; font-size: 17px;}
.mui-neiyuyan{ padding: 0px 10px;}
/*.mui-yiwen{ padding: 0px 10px; margin-top: 10px; background: #fff;}*/
.mui-yuanwen{ position: relative; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px;overflow: hidden;}
.mui-yuanwen .voice{ font-size: 25px; color: #1e82d2; line-height: 38px;}
/*.mui-yuanwen:after{line-height: 1;position: absolute;top: 50%;right: 0px;display: inline-block;
    text-decoration: none;
    color: #1e82d2;
    -webkit-font-smoothing: antialiased;
    content: "\e697";
    font-family: "iconfont" !important;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
}*/
.mui-yuanwen h4{ font-weight: normal; font-size: 20px; padding: 10px 0px; color: #333333;float: left;
}
.mui-yuanwen div{ font-size: 20px; color: #666666; line-height: 40px;}
.mui-yuanwen p{ font-size: 20px; color: #666666; line-height: 40px;}
.mui-table-view-cell.mui-collapse.mui-active{ margin-top: 0px; background: #FFFFFf;}
.mui-table-view-cell>a:not(.mui-btn){ padding: 0px; background: #FFFFFf; color:#b2b2b2; }
.mui-table-view-cell.mui-collapse .mui-collapse-content{ padding: 0px 0px 15px; color:red!important; line-height: 36px;}
.mui-table-view-cell.mui-collapse .mui-collapse-content p{color:#333333;font-size: 16px;}
.mui-table-view-cell.mui-collapse .mui-collapse-content ul li a{ color: #1e82d2; font-size: 16px; line-height: 30px;  }
.mui-table-view-cell.mui-collapse .mui-collapse-content ul li a{ color: #1e82d2; font-size: 16px; line-height: 30px;  }
.mui-table-view-cell.mui-collapse .mui-collapse-content ul li ul li:first-child a{ color: #333333;  }


.mui-copy a{ line-height: 40px; font-size: 20px; color: #333333; margin: 0px 10px;cursor:pointer; }
.mui-table-view-cell.mui-collapse .mui-collapse-content dl{margin: 0px;}
.mui-collapse-content dl dd{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mui-collapse-content dl dd div{ float: left; width: 93%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mui-collapse-content dl dd a{ width: 7%; font-size: 24px; line-height: 36px; color: #1e82d2; }
.mui-collapse-content dl h5{ float: left; color: #1e82d2;line-height: 35px; margin-right: 10px; font-size: 16px; font-weight: normal;}
.mui-collapse-content dl h5 b{ color: #333333; font-weight: normal;}
.mui-collapse-content dl span{ color: #999999;line-height: 35px; font-size: 16px; }
.mui-hanyu{ padding: 0px 20px;  background: #fff;margin-top: 10px;}
.mui-hanyu .jieshi{ color: #333333; font-size: 16px;}
.mui-hanyu .jieshi b{ color: #999999; font-weight: normal;}
/*韩语词典--无结果*/
.hc-noresult{ background: #FFFFFf; padding: 5% 0%;}
.hc-noresult .hc-noimg{  width: 50%; margin: 0% auto; padding: 10% 0% 5%; }
.hc-noresult p{ text-align: center; line-height: 28px; color: #999999; font-size: 16px;}
.hc-noresult{ background: #FFFFFf; padding-bottom: 3%; }
.hc-noresult .hc-noimg{  width: 17%; margin: 0% auto; padding:0%;}
.hc-noresult p{ text-align: center; line-height: 22px; color: #999999; font-size: 13px;}
.hy-yuanwen{ overflow: hidden; position: relative; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
.hy-yuanwen h4{font-weight: normal; font-size: 20px; padding: 10px 0px; color: #333333; width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.hy-yuanwen a{ width: 5%; font-size: 16px;  line-height: 36px;  color: #1e82d2;}
.mui-table-view-cell.mui-collapse .mui-collapse-content p{ float: left; width: 94%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
/*---------------------- 翻译 --------------------------*/
.fanyi{ border-radius: 10px; height: 150px; position: relative; }
.mui-input-group textarea{ height: 100px;  border-radius: 10px 10px 0px 0px;  border: 0px; padding: 5px 20px; }
.hc-zhuanghuan{ position: absolute; bottom: 0px; width: 100%; padding: 0px 10px; height: 36px; border-radius: 0px 0px 10px 10px; background: #f2f2f2;}
.hc-zhuanghuan select{ -webkit-appearance: none; width: 30%; background: inherit; color: #999999; font-size: 16px;}
.hc-zhuanghuan a{ color: #666666; font-size: 16px; padding-top: 10px!important;}

/*转换*/

.zhuanh1{  float: left; position: relative;}
.zhuanh1 ul li{ line-height: 36px;}
.zhuanh1 .zhunh-mianb{ display: none; width: 100%; float: left;position: absolute; z-index: 10;  background: #f2f2f2; border-radius: 0px 0px 10px 10px; }
.zhuanh1 .zhunh-mianb p{ padding-left: 2%; font-size: 16px;  line-height: 36px; float: left; border-top: 1px solid #999999; width: 100%; text-align: left; }

.zhuanh2{  float: left; position: relative;}
.zhuanh2 ul li{ line-height: 36px;}
.zhuanh2 .zhunh-mianb2{ display: none; width: 100%; float: left;position: absolute; z-index: 10;  background: #f2f2f2; border-radius: 0px 0px 10px 10px; }
.zhuanh2 .zhunh-mianb2 p{ padding-left: 2%; font-size: 16px;  line-height: 36px; float: left; border-top: 1px solid #999999; width: 100%; text-align: left; }

/*菜单列表*/
.top-backdrop { display: none;}
.menu-open .top-backdrop { position: fixed; top: 0px; bottom: 0; left: 0; right: 0; overflow: hidden; display: block; z-index: 998; background: rgba(0, 0, 0, 0); }
.top-wrapper {position: fixed; top: 44px; right: 10px; z-index: 1000; background: rgba(0, 0, 0, 0.8); width: 150px; border-radius: 5px; -webkit-border-radius: 5px; }
.top-wrapper.hidden {display: none; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); z-index: -1;}
.top-menu-tab .top-tab-item  { display:block; padding: 10px 15px; overflow: hidden; color: #fff; position: relative; }
.top-menu-tab .top-tab-item:after { position: absolute; bottom: 0; right: 10px; left: 10px; height: 1px; content: ''; -webkit-transform: scaleY(.1); transform: scaleY(.1); background-color: #fff; }
.top-menu-tab .top-tab-item .mui-icon { margin-right: 10px; }
.top-menu-tab .top-tab-item .mui-tab-label { font-size: 16px; }
.top-menu-tab .top-tab-item .mui-badge { font-size: 12px; line-height: 1.2; padding: 0px 3px; color: #fff; background: red; }
.top-popover-arrow{ position: absolute; top: -6px; right: 10px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000; opacity: 0.8; }


/*404页面*/
.cl_white{ background: #FFFFFf;}
.cl_white .fanyi_4041{  width: 50%; margin: 15% auto 3%;}
.cl_white h4{ width: 100%; line-height: 40px; color: #666666; text-align: center; font-size: 1.2em; font-weight: normal;}
.cl_white .fanyyi_4042{ width: 100%; margin: 2% auto;}
.cl_white form{ margin: 5% auto; text-align: center;}
.cl_white form button{ background: #1e82d2; border: 1px solid #1e82d2;}

.hanyucld{ position: fixed; z-index: 10; width: 100%;}
.ss_contst{ /* margin-top: 310px; */ padding-top:50px;margin-top:135px;}
/* @media screen and (max-width: 768px) {
    .ss_contst{ margin-top: 230px;}
} */
/* @media screen and (min-width:420px) {
    .ss_contst{ margin-top:140px;}
}
@media screen and (max-width: 414px) {
    .ss_contst{ margin-top: 145px;}
}
@media screen and (max-width: 375px) {
    .ss_contst{ margin-top: 130px;}
}
@media screen and (max-width: 320px) {
    .ss_contst{ margin-top: 115px;}
} */
.bt_hy{color: #333333; border-bottom: 1px solid #efeff4!important;}
.bt_hy .mui-active{ border-bottom: 2px solid #007aff!important;}
.mui-search:before{ color:#999999;}
.fy_ann{ float:right; background:#007aff;color:#ffffff;padding:5px 20px; border-radius:5px;margin-top:3px; }
.Fdico {position: fixed; right: 10px; bottom: 70px; z-index: 990;}
.Fdico li { margin-bottom:10px; }
.Fdico .iconfont { font-size: 24px;color: #741012; background: rgba(220,200,150,0.8); border-radius: 50%; position: relative; padding:10px 15px 20px 15px; }
.Fdico i { display: block; width: 100%; text-align: center; font-size: 12px; font-style: normal; position: absolute; bottom: 7px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }


/*2017.8.17*/
.bt_hy{color: #333333; border-bottom: 1px solid #efeff4!important;}
.bt_hy .mui-active{ border-bottom: 2px solid #007aff!important;}

/*2017.11.16*/
.hanyu-renshu {  padding: 0;  margin:20px 0px 0;  border-top: #c2c2c2 1px solid;  border-left: 0;  border-right: 0;  border-bottom: 0;}
.hanyu-renshu legend {  text-align: center;  padding: 0 10px;  color: #999999; font-size: 16px;}
.hanyu-content {display: inline-block;  padding: 20px 20px 10px 20px;}
.hanyu-content .txt {  overflow: hidden;  word-wrap: break-word;  word-break: break-all;  }
.hanyu-content .txt p {padding-bottom: 10px; font-size: 15px; color: #333333; }
.hanyu-txtall-p {position: relative; margin-bottom: 30px;}
.hanyu-txtall-n {position: absolute;  bottom: -30px;  z-index: 2;  width: 100%;  height: 150px;  background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#e7e7e7);  background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#e7e7e7);  -webkit-animation: fadeIn .2s;  animation: fadeIn .2s;  }
.hanyu-txtall-n span {  position: absolute;  bottom: 0;  left: 0;  right: 0;  text-align: center;  color: #2081ce;  display: block; }
.hanyu-txtall-n span i {display: block;  line-height: 14px; }
.hanyu_school{ padding: 10px 20px 0px; }

.hanyu-xg dt {padding: 10px 15px; color: #999999; font-size: 18px;  }
.hanyu-xg dt .iconfont {padding-right: 5px;font-size: 20px; }
.hanyu-xg dt .mui-pull-right a{ color: #333333; font-size: 14px;}
.hanyu-xg-list {padding: 10px; background: #FFFFFf; }
.hanyu-xg-list li {  float: left;  width: 25%;  text-align: center;  padding: 5px;  }
.hanyu-xg-list li a {display: block; padding: 5px 0;  color: #333333;  }
.hanyu-xg-list li img {  width: 80%;  max-width: 80%;  height: auto;  }

.wen-titfs{ font-size: 23px; color: #1e82d2; /*margin-top: 10px;*/ display:block;padding-top:10px; }
.mui-table-view-cell.mui-collapse .mui-collapse-content{ padding: 0px 0px 15px 10px; color:red!important; line-height: 36px; /*margin-top: -10px;*/}
.mui-yuanwen{ position: relative; border-bottom: 1px solid #f2f2f2; padding:0px 0px 10px 10px;}

.fanyi .guanbi { position: absolute;right: 0px;top: 1px;}
.shuaxin {
    font-size: 20px;
}.shuaxin span {
    font-size: 12px;cursor:pointer;
}

.mui-search:before{ display: none !important;}
.search .search_sous{ width: 14%;  height: 45px;  border: none;  border-radius: 0px 6px 6px 0px;  float: right;  padding: 0px;}
.search .search_sous:before{font-family: Muiicons; font-weight: bold;  content: '\e466';  font-size: 30px;  color: #999;  line-height: 45px;  text-align: center;}

/* 新版头样式 */
.hide{display: none;}

.home-header{height: 44px;}
.home-header .hc-logo{width:75px;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/home/logo.png) no-repeat center center;height: 44px;background-size: 100%;display: block;}      
.home-search{width: 22px;height: 44px;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/logo/search.png) no-repeat center center;background-size: 100% auto;}
.home_huangli{width: 24px;height: 44px;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/logo/huangli.png) no-repeat center center;background-size: 100% auto;margin:1px 20px 0 20px;}
.home_huangli i{color: #f8efdd;font-size:13px;font-weight: 600;text-align: center;display: block;margin-top:14px;font-style: normal;}
.home_kefu{width: 22px;height: 44px;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/logo/kefu.png) no-repeat center center;background-size: 100% auto;margin: 0 16px 0 20px;margin-top: 1px;position: relative;}
.home_kefu i{background: #fb5d23;border-radius:50%;color: #faefdb;position: absolute;line-height:8px;font-size: 10px;padding:5px;right:-5px;top: 2px;font-style: normal;}
.home_mulu{color: #f8efdd;display: block;}
.home_mulu i{color: #f8efdd;font-size:20px;display: block;font-style: normal;line-height: 44px;}

.hc-nav{padding:  0 0 0 0.24rem;position: fixed;height:38px;line-height:38px;width: 100%;background: #392b20;z-index: 4;background: rgba(119,20,22,1);top: 44px;}
.hc-nav .hc-nav-scroll .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color: rgba(237,231,217,0.6);font-size: 17px;padding: 0 10px;}
.hc-nav .hc-nav-scroll .mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active{font-size: 20px;font-weight: 600;color: rgba(237,231,217,1);position: relative;}
.hc-nav .hc-nav-scroll .mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active:before{position: absolute;content: '';width:40px;height: 3px;background: #ede7d9;bottom: 0;}
.hc-nav .hc-nav-scroll{width:86%;float: left;}
.hc-nav .nav-fenlei{width:14%;text-align: center;position: relative;}
.hc-nav .nav-fenlei:before{content: '';width: 16px;height:30px;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/home/head_zhegai.png) no-repeat center;position: absolute;top:5px;left:-16px;background-size: 100%;}
.hc-nav .nav-fenlei a{color: #ede7d9;}
.hc-nav .nav-fenlei a.icon-mulu:before{font-size:0.32rem;padding-right:4px;}
.home_navMenu{position: relative;font-size: 15px;padding-left: 20px;}
.home_navMenu:before{content: '';position: absolute;background: url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/home/dh_fenlei.png) no-repeat;width:16px;height:40px;background-size: 100% auto;color: #f8efdd;top:2px;left: 0;}

.mbx_box{background: url(//fy.httpcn.com/Content/images/nav_bg.jpg) no-repeat;background-size: 100% 100%;/* border-bottom:1px solid rgba(237,231,217,1);*/padding: 0 10px;position: relative;height: 40px;line-height: 40px;color: rgba(237,231,217,0.8);font-size: 14px;}
.mbx_box a{color: rgba(237,231,217,0.8);}
.quota_fenlei{position: absolute;right:10px;top: 0;border: 1px solid rgba(237,231,217,0.6);height:28px;line-height:27px;border-radius: 20px;padding: 0 6px;font-size: 13px;margin-top:6px;}
.quota_fenlei span{font-size: 12px;display: inline-block;}
.quota_fenlei i{font-style: normal;font-size: 12px;float: left;margin-right: 3px;}

.quota_fenlei span.active{-webkit-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.quota_fenlei span.active i{-webkit-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}

.mbx_boxHcywcd{position:fixed;z-index: 11;width: 100%;}

.mbx_boxFixed{position: fixed;width: 100%;z-index: 1501;background:rgba(237,231,217,1);color:#333;border-bottom:1px solid rgba(57,43,32,0.1);}
.mbx_boxFixed a{color: #333;}
.mbx_boxFixed .quota_fenlei{border:1px solid rgba(57,43,32,0.1);}

.quota_unfold{background:rgba(237,231,217,1);position: fixed;z-index: 1501;width: 100%;margin-top: 40px;padding: 0 0 20px 10px;}
.quota_unfold h4{font-size: 16px;display: block;margin-top:20px;}
.quota_unfold ul li a{width: 22.8%;float: left;background:rgba(57,43,32,0.1);height: 34px;line-height: 34px;text-align: center;-webkit-border-radius: 10px;border-radius: 10px;margin-right:2%;margin-top: 10px;font-size: 15px;color: #333;}
.quota_unfold ul li.active a{color: #95191b;background: rgba(57,43,32,0.3);}    

.bottomCopy{background: #efeff4;padding-top:15px;}
.botCopy_list{padding:10px 10px 0 10px;background: #FFFFFf;}
.botCopy_list ul{border-bottom: 1px solid rgba(57,43,32,0.1);overflow: hidden;zoom:1;padding-bottom: 10px;}
.botCopy_list ul li{width: 14.2%;float: left;text-align: center;line-height:30px;font-size:17px;}
.botCopy_list ul li a{display: block;}

.botCopy_visit{padding:10px;background: #FFFFFf;}
.botCopy_visit ul li{color: #8f8f94;line-height:1.7;}
.botCopy_visit ul li a{color: #8f8f94;}
.botCopy_visit ul li span{display: inline-block;margin-right:5px;}
.botCopy_visit h4{color: #b9a189;line-height: 1.7;}

.botCopy_infor{background: #1e82d2;height:40px;line-height:40px;text-align: center;}
.botCopy_infor ul li{display: inline-block;font-weight: bold;color: #f0ece1;position: relative;margin-right:20px;}
.botCopy_infor ul li a{color: #f0ece1;}
.botCopy_infor ul li:before{content: '';position: absolute;width: 1px;height:16px;background: rgba(240,236,225,0.2);right:-12px;top:12px;}
.botCopy_infor ul li:last-child{margin-right: 0;}
.botCopy_infor ul li:last-child:before{content: initial;}

/* 用户反馈 */
.jubao_fankui{position:fixed;z-index:1000;top:0px;height:100%;overflow-y:scroll;}
.hc_logo_header{width: 26px;margin-left:6px;margin-top:9px;}

.subst_col{background: #f0ece1;padding-bottom: 20px;}
.subst_col ul{padding: 0 10px;}
.subst_col ul li{padding-top: 20px;}
.subst_col ul li h3{display: block;font-size: 18px;height: 18px;line-height: 18px;border-left: 3px solid #95191b;padding-left: 10px;margin-bottom: 5px;}
.feedback_news{border-bottom: 1px solid rgba(57,43,32,0.15);padding-bottom: 15px;margin-top: 20px;}
.feedback_news_item{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 15px;overflow: hidden;}
.feedback_news_left,.feedback_news_right{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.feedback_news_item .feedback_news_left{font-size: 15px;color: #392b20;}
.feedback_news_item .feedback_news_left span{display: block;width: 50px;}
.feedback_news_item .feedback_news_right{width: 100%;}
.feedback_news_item .feedback_news_right .feedback_news_inp{-webkit-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;background: #e2dcce;font-size: 13px;width: 100%;color: #b9a189;}
.feedback_news_item .feedback_news_right .feedback_news_inp input{margin-bottom: 0;border: none;background: #e2dcce;}
.feedback_news_inp input::-webkit-input-placeholder{color: #b9a189;font-size: 13px;}
.feedback_news_inp input::-moz-placeholder{color: #b9a189;font-size: 13px;}
.feedback_news_inp input:-ms-input-placeholder{color: #b9a189;font-size: 13px;}
.feedback_news_text{font-size: 15px;color: #392b20;}
.feedback_type{margin-top:5px;border-bottom:1px solid rgba(57,43,32,0.15);padding-bottom:20px;}
.feedback_type span{border: 1px solid rgba(57,43,32,0.2);float: left;padding:5px 15px;-webkit-border-radius: 20px;-o-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;border-radius: 20px;margin-right:10px;margin-top: 10px;font-size: 15px;}
.feedback_type span.active{background: #95191b;border: 1px solid #95191b;color: #f0ece1;}
.feedback_descrip{margin-top:15px;border-bottom:1px solid rgba(57,43,32,0.15);padding-bottom:15px;}
.feedback_descrip .feedback_textarea{background: #e2dcce;-webkit-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;}
.feedback_descrip .feedback_textarea>textarea{min-height:120px;height: initial;font-size: 15px;line-height: 1.5;margin-bottom: 0;border: none;background: #e2dcce;color: #b9a189;}

.feedback_descrip .feedback_textarea>textarea::-webkit-input-placeholder{color: #b9a189;}
.feedback_descrip .feedback_textarea>textarea::-moz-placeholder{color: #b9a189;}
.feedback_descrip .feedback_textarea>textarea:-ms-input-placeholder{color: #b9a189;}  

.feedback_descrip .upload{border: 1px solid #95191b;width:85px;height:35px;text-align: center;color: #95191b;margin-top:15px;padding: 0 15px;}
.feedback_descrip .upload i{font-size: 20px;display:block;float: left;line-height: 33px;font-style: normal;}
.feedback_descrip .upload span{display:block;line-height: 33px;float: left;}
.feedback_descrip .upload_text{font-size: 15px;color: #b9a189;margin-top:10px;}

.upload_img{margin-top: 15px;height: 140px;}
.upload_img span{width:31%;float: left;display: flex;align-items: center;border: 1px solid rgba(57,43,32,0.1);position: relative;padding: 15px 0 30px 0;height: 100%;}
.upload_img span:nth-child(2){margin:0 3.5%;}
.upload_img img{max-width: 100%;width: auto;max-height: 100%;margin: 0 auto;}
.upload_imgClose{position:absolute;font-size:20px;top:-10px;right: -10px;background: #f0ece1;color: rgba(57,43,32,0.8);}
.upload_status{display: block;text-align: center;position:absolute;bottom: 0;width: 100%;padding:5px 0;}
.upload_zhong{color: #95191b;font-style: normal;}
.upload_lose{color: #000;font-style: normal;}
.upload_success{color:green;font-style: normal;}

.feedback_iphone{margin-top: 20px;}

.feedback_iphone input{background: #e2dcce;-webkit-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;padding: 10px 0 10px 10px;}
.feedback_iphone input::-webkit-input-placeholder{color: #b9a189;font-size: 15px;}
.feedback_iphone input::-moz-placeholder{color: #b9a189;font-size: 15px;}
.feedback_iphone input:-ms-input-placeholder{color: #b9a189;font-size: 15px;}  

.feedback_btn{border: none;outline: none;background: #1e82d2;color: #f0ece1;font-weight: 700;display: block;width: 100%;height: 45px;font-size:18px;}

.borRad10{-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

/* 弹窗 */
.xl_menuHome{background: #ffffff;padding-bottom: 20px;} 
.xl_menuHome .mui-content{background: #ffffff;}
.xl_menu_title{margin:20px 1% 5px 1%;}
.xl_menu_title h3{display: block;font-size: 16px;float: left;margin-right: 10px;height: 16px;line-height: 16px;}
.xl_menu_title i{display: block;font-size: 14px;float: left;color: #999999;height: 16px;line-height: 16px;font-style: normal;}
.xl_menu_title a{display: block;font-size: 15px;float: right;color: #95191b;height: 16px;line-height: 16px;}

/* .xl_menu_list{margin: 0 1%;} */
.xl_menu_list a{width: 23%;float: left;background:#f1f1f1;border-radius: 5px;text-align: center;margin:10px 1% 0 1%;height:35px;line-height: 35px;color: #392b20;font-size: 15px;font-family: "iconfont" !important;position: relative;}
.xl_menu_list a.active{color: #ff7871;}
.xl_menu_list a.hot:before{content: "\e6ce";position: absolute;top:-15px;right: 0;color: #95191b;font-size:16px;}
.xl_menu_list a.bmfjxw{background:#ffffff;width: 73%;text-align: right;text-decoration: underline;color: #95191b;line-height: 40px;}

.xl_menu_img{margin:0 1%;}
.xl_menu_img a{width: 49%;margin-top:10px;}
.xl_menu_img img{border: 0;display: block;width: 100%;}
/* 弹窗 end */

/* 文章详细页面 心理测试板块 */
.hc_sinology{padding: 20px 0 15px 15px;background: #ffffff;margin-top: 15px;}
.hc_headLine{padding-right: 15px;}
.hc_headLine h3{display:block;font-size:18px;color: #392b20;float: left;border-left: 3px solid #94181a;height:18px;line-height:18px;padding-left: 10px;font-weight: 700;}
.hc_headLine span{display: block;float: right;}
.hc_headLine span a{color: #999999;}

.hc_headLine h3 i{font-size: 13px;font-style:normal;}
.ceshiMust_title,.ceshiMust_list{padding-right:0.24rem;}
.ceshiMust_title{margin-bottom:5px;padding-top:15px;}
.ceshiMust_title i{display: block;float: left;margin-right:5px;margin-top: 2px;color: #95191b;}
.ceshiMust_title span{display: block;float: left;font-size: 16px;color: #382b22;font-weight: 600;}
.ceshiMust_list a{float: left;color: #382b22;font-size: 14px;border: 1px solid rgba(57,43,32,0.2);border-radius: 40px;width: 49%;text-align: center;height: 35px;line-height: 35px;margin-top: 5px;position: relative;font-family: "iconfont" !important;}
.ceshiMust_list a:nth-child(2n){float: right;}
.ceshiMust_list a.hot:before{content: "\e6ce";position: absolute;top: -15px;right: 0;color: #95191b;font-size:20px;}
.ceshiMust_list a span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ceshiMust_box .weixin_list{padding-bottom:15px;}
.gj_listMore{text-decoration: underline;color: #95191b;display: block;text-align: center;margin-top: 15px;}

.ceshiXlMe_list a{width: 25%;float: left;height: 35px;line-height: 35px;color: #382b22;padding-left: 10px;}
.ceshiXlMe_list a span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* 文章详细页面 心理测试板块 end */

/* 加广告 */
/*.hcvert_fenlei{padding:12px 5px 0 5px;background: #ffffff;}
.hcvert_fenlei ul li{float: left;width: 25%;}
.hcvert_fenlei ul li a{font-size: 15px;line-height:32px;padding: 0 5px;display: block;text-align: center;margin: 0 5px;border-radius:30px;}*/

.hcvert_fenlei{padding:12px 0 0 0;background: #ffffff;}
.hcvert_fenlei ul{margin: 0 0.12rem;border-bottom: none;}
.hcvert_fenlei ul li{float: left;width: 25%;position: relative;padding: 0;}
.hcvert_fenlei ul li a{font-size: 14px;line-height:32px;padding: 0 5px;display: block;text-align: center;margin: 0 0.08rem;border-radius:8px;color: #35281f;border: 1px solid rgba(57,43,32,0.3);}
.hcvert_fenlei ul li.hot:before{background:url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/classic/hot.png) no-repeat;background-size:100% auto;content: '';position: absolute;width:25px;height: 22px;top:-1px;left: 4px;}

.hcvert_fenlei .hcvert_fenleiImg{margin-top: 10px;}
.hcvert_fenlei .hcvert_fenleiImg img{width: 100%;}


.hcvert07{margin:10px;background: #f0f0f0;border-radius: 15px;padding:10px 0;}
.hcvert07 ul li{width: 33.33%;float: left;text-align: center;}
.hcvert07 ul li a{display: block;line-height:30px;font-size: 15px;font-weight: 700;}

.inform_common{padding: 0 15px 15px 15px;background:#ffffff;margin-top:15px;}
.life-main-titleres h3{height: 18px;line-height: 18px;float: left;border-left: 4px #95191b solid;margin:20px 0 0 0;padding-right:10px;}
.life-main-titleres h3 span{font-size:18px;font-weight: bold;color: #392b20;padding-left: 8px;display: inline-block;float: left;}
.life-main-titleres a{font-size:15px;color: #999999;float: right;margin-top: 14px;}
.life-main-titleres a.icon-you-copy:before{float: right;margin-top:2px;}

.home_test_icon ul{overflow:auto;}
.home_test_icon ul li{width: 50%;float: left;margin-top:20px;}
.home_test_icon ul li img{width:60px;float: left;margin-right:10px;margin-top: -6px;-webkit-border-radius: 10px;border-radius: 10px;margin-left: 3px;}
.home_test_icon{margin-top:5px;}
.home_test_icon ul li .home_test_rg h3{display: block;font-size:15px;color: #392b20;}
.home_test_icon ul li .home_test_rg span{display: block;color: #999999;margin-top:5px;font-size: 15px;}
.home_test_icon ul li .home_test_rg b{color: #999999;}

.inform_common .mui-slider-group{margin-top: 0;}
.inform_common .mui-slider .mui-slider-group .mui-slider-item .home_test_icon ul li img{width:60px;}

.inform_common .mui-slider-indicator .mui-indicator{background: rgba(57,43,32,0.3);width: 18px;-webkit-border-radius: 5px;border-radius: 5px;height: 6px;box-shadow: none;}
.inform_common .mui-slider-indicator .mui-active.mui-indicator{background: rgba(57,43,32,1) !important;width: 26px;height: 6px;}

.bookCov_hot a{display:block;margin-right:10px;float:left;width:22%;background:rgba(57,43,32,0.1);height:35px;line-height:35px;margin-top:10px;text-align:center;font-size:15px;font-weight:800;-webkit-border-radius:6px 6px 0 6px;-o-border-radius:6px 6px 0 6px;-ms-border-radius:6px 6px 0 6px;-moz-border-radius:6px 6px 0 6px;border-radius:6px 6px 0 6px;color:#392b20;}
.bookCov_hot a:nth-child(4n){margin-right: 0;} 
.bookCov_hot a.active{background: rgba(148,24,26,0.1);color: #94181a;}

.hcvert{margin:5px 15px 0 15px;}
.hcvert_line{border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 15px;}
.hcvert ul li{width: 49%;margin-top: 10px;}

.hcvert img{border-radius: 10px;}

.hc_zixun{padding: 20px 0 15px 15px;background: #ffffff;margin-top: 15px;}

.inform_recom{margin-top:5px;}
.inform_recom ul li{line-height:40px;}
.inform_recom ul li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #392b20;font-size: 16px;}
.inform_recom ul .inf_recom_red a{color: #94181a;font-weight: 700;}
.inform_recom ul .inf_recom_green a{color: #046506;font-weight: 700;}
.inform_recom ul .inf_recom_purple a{color: #9537ff;font-weight: 700;}
.inform_recom ul .inf_recom_blue a{color: #3d63f2;font-weight: 700;}

.hcvert_img img{border-radius: 10px;}
.hcvert_img li{width: 25%;float: left;padding: 5px !important;border-bottom: none !important;}
.hcvert_img li span{display: block;}
.hcvert_img li i{display: block;float: left;font-size: 15px;color: #392b20;text-align: center;background: rgba(57,43,32,0.05);border-radius: 20px;line-height: 35px;margin-top:8px;width: 100%;font-style: normal;}

.hc_sinologyRm{background: #ffffff;margin-top: 15px;padding: 20px 0 0 0;}
.hc_sinologyRm .hc_headLine{padding-left: 15px;}
.hc_sinologyRm .hanyu-xg-list{padding-top: 5px;}

.inform_tonglan_bg{margin: 15px 0 0 0;}

.wen-tit{color: #392b20 !important;font-weight: 700;padding-left: 14px !important;}
.mui-hanyu{padding: 0 15px}
.wen-tit:before{position: absolute;width: 4px;height:18px;background: #95191b;content: '';left:0;top:14px;}

.hcvertFormtj{margin:10px 5px 0 5px;}
.hcvertFormtj ul li{width: 33.33%;float: left;position: relative;}
.hcvertFormtj ul li.hot:before{background:url(//jscdn.httpcn.com/m/public/hanchengh5/Content/images/classic/re.png) no-repeat;background-size:100% auto;content: '';position: absolute;width:18px;height:20px;top:-2px;right: 4px;}
.hcvertFormtj ul li a{font-size: 14px;line-height: 32px;display: block;text-align: center;border-radius:20px;color: #35281f;border: 1px solid rgba(57,43,32,0.3);margin:5px 3px 0 3px;white-space: nowrap;}

@media screen and (max-width: 340px) {
    .hcvertFormtj ul li a {
        font-size: 12px;
    }
}
@media screen and (max-width: 370px) {
    .hcvertFormtj ul li a {
        font-size: 13px;
    }
}

.hcvertInformForm{background:#ffffff;border-radius:10px;margin:15px 10px;padding-bottom:15px;}
.hcvertInformForm .hcvertBd_slider .mui-control-item{position: relative;font-size: 14px;font-weight: 700;text-overflow: inherit;}
.hcvertInformForm .hcvertBd_slider .mui-control-item .free{position: absolute;top: -3px;width: 20px;}
.hcvertInformForm .hcvertBd_slider .mui-control-item.mui-active{color: #94181a;border-bottom: none !important;}
.hcvertInformForm .hcvertBd_slider .mui-control-item.mui-active:before{content: '';position: absolute;width: 36px;height: 4px;background: #94181a;margin-left: -18px;border-radius: 10px;left: 50%;bottom: 0;}

.inform_formContent{background: #f5f5f5;border-radius: 10px;margin: 0 10px;padding: 5px 15px 0 15px;}
.inform_formContent .inform_form_row{border-bottom: 1px solid rgba(57,43,32,0.12);position: relative;}
.inform_formContent .inform_form_row:last-child{border-bottom: none;}
.inform_formContent .inform_form_row span{float: left;line-height: 40px;font-size: 14px;font-weight: 700;}
.inform_formContent .inform_form_row .inform_form_input{display: block;line-height: 40px;float: left;width: 70%;border: none;padding: 0;background: transparent;margin-bottom: 0;}
.inform_formContent .inform_form_row input::-webkit-input-placeholder{color: #ccb69a;font-size: 14px;}
.inform_formContent .inform_form_row input::-moz-placeholder{color: #ccb69a;font-size: 14px;}
.inform_formContent .inform_form_row input:-ms-input-placeholder{color:#ccb69a;font-size: 14px;}
.inform_form_box{float: left;line-height: 40px;}
.hcvertInformForm .hcvertBd_slider{position:static;}
.hcvertInformForm .hcvertBd_slider .mui-segmented-control-negative{ position: relative!important;z-index:0;padding: 0px !important;}

.hcvertInformForm .inform_form_box .formRadio{position: relative;right: 0;top:2px;height:26px;width:26px;}
.hcvertInformForm .inform_form_box .formRadio:before{font-size: 24px;}
.hcvertInformForm .inform_form_box label{font-size: 15px;margin-right: 10px;width: auto;padding-right: 0;}
.hcvertInformForm .inform_form_box .formRadio:checked:before{color: #94171a;}

.hcvertInformForm .inform_form_row .xiala{color: #ccb69a;position: absolute;font-size: 12px;right: 10px;top: 13px;}

.hcvertInformForm .inform_form_btn{margin: 0 15px;}
.hcvertInformForm .inform_form_btn .btn{border-radius: 20px;width: 100%;margin-top: 15px;float: left;border: 1px solid #94181a;background: #94181a;font-size: 16px;color: #f2ede3;font-weight: 700;line-height: 40px;height: 40px;display: block;text-align: center;padding: 0;}
.hcvertInformForm .inform_form_btn .btn i{font-size: 12px;}

@media screen and (max-width: 360px) {
    .hcvertInformForm .hcvertBd_slider .mui-control-item{font-size: 12px;}
}

/* 加广告 end */

.fy_ann{padding: 5px 15px !important;}
.transGuoj_li{position:absolute;left: 150px;right: 74px;overflow: hidden;}
.transGuoj_li .transGuoj_a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: 0px!important;display: block;}

/* 百度AI样式 */
.hover-ball{bottom: 105px !important;right: 3% !important;}
#lingjing-agent-container{z-index:10005 !important;}
.chat-input-box-textarea-content{padding:0;margin:0;}